<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>09html이미지</title>
	</head>
	<body style="background: #d0d0d0">
		<h1>이미지</h1>
		<img src="images/icons/plane.png" alt="종이비행기" title="떳다떳다 비행기" />
		<img src="images/suzy/001.jpg" alt="전수진" title="포텐터진 전수진" />
		<img src="images/suzy/002.jpg" alt="수지" title="수지수지" width="450" height="600"/>
		<img src="images/suzy/003.jpg" alt="수지" title="수지수지" width="400" height="600"/>
		<img src="images/suzy/004.jpg" alt="전수진" title="전수진" width="400" height="470"/>
		
		<hr />
		<p>
			<img src="images/icons/calendar.png" alt="달력" title="달력" align="left"/>
			(서울=연합뉴스) 민경락 기자 = 코레일은 철도노조 파업이 장기화될 조짐을 보임에 따라 KTX 열차를 평소 대비 일 평균 24회 감축 운행한다고 13일 밝혔다.

			이로써 하루 평균 주중 200회, 주말(토) 232회 운행됐던 KTX 열차는 17일부터 주중 176회(12% 감소), 주말 208회로 감축 운행된다.
			
			새마을·통근열차는 현행대로 운행되며 무궁화호는 16일부터 10회 감축, 누리로는 12회 증편 운행된다.
			
			주중 수도권 전동열차 운행 횟수는 16일부터 2천109회에서 1천931회로 8.4% 감축 운행되며 주말은 평상시와 동일하게 운행된다.
			감축운행은 주로 출퇴근 시간대를 제외한 낮 시간대 이뤄진다고 코레일 측은 전했다.
			
			화물열차는 16일부터 제천∼오봉 2편, 제천∼광운대 4편 등 6개 열차가 증편된다.
		</p>
		
		<hr />
		
		<figure>
			<img src="images/suzy/005.gif" alt="수지" title="수지"/>
			<figcaption>
				그림 3-1. 아싸리
			</figcaption>
		</figure>
		
		<hr />
		
		<figure>
			<img src="images/suzy/006.gif" alt="수지의 방송용 웃음" title="수지의 방송용 웃음"/>
			<figcaption>
				그림 4-1. 수지의 방송용 웃음
			</figcaption>
		</figure>
		
		<hr />
		
		<img src="images/apple.png" />
		<img src="images/window.png" />
		
		<hr />
		
		<figure>
			<img src="http://placehold.it/320x150" />
			<figcaption>의미없는 이미지</figcaption>
		</figure>
		<figure>
			<img src="https://www.google.co.kr/images/srpr/logo11w.png" />
			<figcaption>외부 이미지 가져와서 출력</figcaption>
		</figure>
		
		<!--
			img : image 이미지
			다양한 이유로 웹 페이지에 이미지를 추가 로고, 사진, 삽화, 다이어그램, 차트등을 사용
			CSS를 이용해서 이미지 삽입 가능(스프라이트)
			
			일반적으로 이미지 파일은 images폴더에 저장
			
			img태그로 이미지를 추가할 수 있음
			src 속성 : 브라우저에게 이미지 위치를 알려줌
			alt 속성 : 이미지를 볼 수 없는 경우 설명을 제공
			title 속성 : 이미지에 대한 추가 정보 제공
			
			이미지의 크기는 height, width 속성으로 지정
			이미지 크기 단위는 픽셀px로 지정
			
			align 속성 : 페이지의 다른 요소를 이미지 주위에 정렬시킬 수 있음
				좌우 : left, right
				상하 : top, bottom
			
			figure태그 : 이미지와 캡션을 하나로 묶음
			figcaption태그 : 이미지에 캡션 추가
			html5에 새롭게 추가
			
			이미지는 jpeg, gif, png형식 사용
			이미지의 크기대로 페이지에 표시
			올바른 해상도 (72-96dpi)를 사용할 것
			인쇄물은 150-300dpi 해상도 사용
			
			jpeg : 다양한 색상으로 구성된 사진
			gif/png : 동일한 색상이 낮은 영역에 분포(로고등)
			
			애니메이션 GIF
			이미지를 프레임 단위로 연속해서 보여줌
			이를 이용해서 간단한 애니메이션을 만들 수 있음
			
			이미지 투명도
			웹에서 부분적으로 투명하거나 비치는 이미지는 투명 GIF나 반투명 PNG로 만들 수 있음
			
			간단한 이미지 작업용 도구
			photoshop CC (너무 무거움)
			paint.net (추천)
			pixlr.com (웹기반 - 간편함)
		-->
		
		
		
	</body>
</html>
